/*
 * @Author: 邱狮杰
 * @Date: 2021-05-15 13:48:13
 * @LastEditTime: 2021-05-15 14:22:37
 * @FilePath: /weddingdress/src/components/alert/index.tsx
 * @Description: 弹窗
 */

import { FC } from "react";
import "./index.scss";
type Props = {
  show: boolean;
  onProxyClick: (bool: boolean) => void;
};

const Alert: FC<Props> = ({ show, onProxyClick }) => {
  return (
    <div
      style={
        show
          ? { transform: "translate(-50%, -50%) scale(1)" }
          : { transform: "translate(-50%, -50%) scale(0) " }
      }
      className="alert"
    >
      <div className="content">删除选中图片？</div>
      <div className="butonOperaction">
        <button onClick={() => onProxyClick(false)}>取消</button>
        <button onClick={() => onProxyClick(true)} className="delete">
          删除
        </button>
      </div>
    </div>
  );
};

export default Alert;
